/* header 区域 */
.header{
    width: 100%;
    height: 40px;
    background-color: #32373e;
    line-height:40px;
}
.header-c{
    height:40px;
}
.header-c .header-left{
    float:left;
}
.header-c .header-right{
    float: right;
}
.header-c .header-left .logo{
    float: left;
    width: 43px;
    padding-top: 9px;
    margin-right: 34px;
}
.header-c .header-left .logo a{
    display: block;
    width: 43px;
    height: 21px;
    background: url(../img/logo.png) no-repeat 0,0;
    text-indent: -999em;
    overflow: hidden;
}
.header-c .header-left .city{
    float: left;
    width: 111px;
    margin-right: 33px;
    cursor: pointer;
}
.header-c .header-left .city span{
    color: #0dca9f;
    font-size: 14px;
    margin-right: 12px;
}
.header-c .header-left .city i{
    font-size: 12px;
    color: #afb5c0; 
}
.header-c .header-left .city:hover{
    color: #fff; 
}
.header-c .header-left .nav{
    float:left;
}
.header-c .header-left .nav li{
    float:left;
}
.header-c .header-left .nav li a{
    display: block;
    position: relative;
    padding: 0 21px;
    color: #AFB5c0;    
}
.header-c .header-left .nav li a:hover{
    color: #ffffff;
}
.header-c .header-left .nav li.current a{
    color: #ffffff;
    background-color: #24282c;
}
.header-c .header-left .nav li a .tips{
    position: absolute;
    top: 3px;
    right: -2px;
    width: 29px;
    height: 18px;
    border-radius: 9px;
    background-color: #ff7452;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #fff;
}
/* header right */
.header-c .header-right{
    float: right; 
}
.header-c .header-right a{
    float: left; 
    color: #00c295;
}
.header-c .header-right a:hover{
    color: #81deaf;
}
.header-c .header-right .upload{
    margin-right: 30px;
}
.header-c .header-right .position{
    margin-right: 50px;
}
.header-c .header-right .login{
    position: relative;
}
.header-c .header-right .login i{
    position: absolute;
    top: 11px;
    left: -26px;
    width: 18px;
    height: 18px;
    background: url(../img/sprite_01.png) no-repeat -76px -136px;
}
.header-c .header-right .login:hover i{
    background-position: -76px -174px;
}
.header-c .header-right .register{
    margin-right: 40px;
}
.header-c .header-right .app{
    margin-right: 40px;
}
.header-c .header-right span{
    float:left;
    color: #5e5a50;
    margin: 0 8px;
}
